<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="NuevoRegistroTemplate.xhtml">

            <ui:define name="top">

            </ui:define>

            <ui:define name="left">
                <h:form>

                </h:form>
            </ui:define>

            <ui:define name="right">

            </ui:define>

            <ui:define name="content">
                <h1>Formato de registro para un Nuevo Alumno</h1><br></br><br></br>
                Ingrese la información solicitada:<br></br><br></br>
                <h:form id="nalumnoForm">
                    <h:panelGrid id="lpg" columns="3">
                        <h:outputText value="Numero de cuenta"/>
                        <p:inputText id="nocta" size="25"  value="#{nuevoRegistroActionListener.numeroCuenta}" required="true"
                                     requiredMessage="Su nombre es obligatorio"/>
                        <p:message for="nocta" display="text" />                         

                        <h:outputText value="Contraseña"/>                        
                        <p:password id="pass1" size="25"  value="#{nuevoRegistroActionListener.contrasena}" feedback="true" minLength="5" required="true"
                                    requiredMessage="La contraseña es obligatoria"/>
                        <p:message for="pass1" display="text" /> 

                        <h:outputText value="Ingrese de nuevo su contraseña"/>
                        <p:password id="pass2" size="25"  value="#{nuevoRegistroActionListener.contrasena2}" feedback="false" minLength="5" required="true"
                                    requiredMessage="La contraseña es obligatoria"/>
                        <p:message for="pass2" display="text" /> 

                        <h:outputText value="Nombre"/>
                        <p:inputText id="nombre" size="25"  value="#{nuevoRegistroActionListener.nombre}" required="true"
                                     requiredMessage="Su nombre es obligatorio"/>
                        <p:message for="nombre" display="text" /> 

                        <h:outputText value="Apellido Materno"/>
                        <p:inputText id="apmat" size="25"  value="#{nuevoRegistroActionListener.appmat}" required="true"
                                     requiredMessage="Su nombre es obligatorio"/>
                        <p:message for="apmat" display="text" /> 

                        <h:outputText value="Apellido Paterno"/>
                        <p:inputText id="appat" size="25"  value="#{nuevoRegistroActionListener.appat}" required="true"
                                     requiredMessage="Su nombre es obligatorio"/>
                        <p:message for="appat" display="text" /> 

                        <h:outputText value="Telefono: " />  
                        <p:inputMask id="tel" value="#{nuevoRegistroActionListener.telefono}" mask="99-99-99-99-99" required="true"
                                     requiredMessage="Su número de teléfono es obligatorio"/> 
                        <p:message for="tel" display="text" /> 

                        <h:outputText value="Fecha de nacimiento: (yyyy-mm-dd)" />  
                        <p:inputMask id="fec" value="#{nuevoRegistroActionListener.fechaNac}" mask="9999-99-99" required="true"
                                     requiredMessage="La fecha es obligatoria"/> 
                        <p:message for="fec" display="text" /> 

                        <h:outputText value="Carrera: "/>                         
                        <h:selectOneMenu value="#{nuevoRegistroActionListener.carreraId}">  
                            <f:selectItems value="#{nuevoRegistroActionListener.carreraCatalogo}" /> 
                        </h:selectOneMenu> <div></div>

                        <h:outputText value="Estudiante/Egresado: "/>                         
                        <h:selectOneMenu value="#{nuevoRegistroActionListener.estudEgresado}">  
                            <f:selectItems value="#{nuevoRegistroActionListener.alumEgreCatalogo}" /> 
                        </h:selectOneMenu> <div></div>

                        <h:outputText value="Ultimo grado académico: "/>                         
                        <h:selectOneMenu value="#{nuevoRegistroActionListener.ultimogradoId}">  
                            <f:selectItems value="#{nuevoRegistroActionListener.ultimoGradoCatalogo}" /> 
                        </h:selectOneMenu><div></div> 

                        <h:outputText value="Correo Electrónico: " />  
                        <p:inputText id="email" value="#{nuevoRegistroActionListener.correo}"  required="true"
                                     requiredMessage="Su correo electrónico es obligatorio"/>
                        <p:message for="email" display="text" /> 

                        <p:commandButton value="Aceptar" action="#{nuevoRegistroActionListener.guardarNuevoAlumno}" update="nalumnoForm"/>
                        <h:outputLink value="../../"><h:outputText value="Cancelar"/></h:outputLink>


                    </h:panelGrid>
                </h:form>
            </ui:define>

            <ui:define name="bottom">

            </ui:define>

        </ui:composition>

    </body>
</html>
